<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<h:outputStylesheet name="style.css" library="css"></h:outputStylesheet>
</h:head>
<h:body>
	<p:panel>
		<div id="wrapper">
			<h1>My Family</h1>
			<div id="family"></div>
			<div id="head-top"></div>
			<div id="head-right"></div>
			<div id="nav">
				<ul>
					<li><a href="#">Home</a></li>
					<li><a href="#">About us</a></li>
					<li><a href="#">Services</a></li>
					<li><a href="#">Family care</a></li>
					<li><a href="#">Photo gallery</a></li>
					<li><a href="#">Contact us</a></li>
				</ul>
				<div id="nav-bot"></div>
			</div>
			<div id="body">
				<div class="i">
					<h2 class="shallow">
						<strong>Welcome</strong> to my family
					</h2>
					<p>
						Don't forget to check <a href="#">free website templates</a> every
						day, because we add at least one free website template daily.
					</p>
					<p>This is a template designed by free website templates for
						you for free you can replace all the text by your own text. This
						is just a place holder so you can see how the site would look
						like.</p>
					<p>You can remove any link to our websites from this template
						you're free to use the template without linking back to us.</p>
					<p>
						If you're having problems editing the template please don't
						hesitate to ask for help on the <a href="#">forum</a>.
					</p>
					<p class="more">
						<a href="#">more...</a>
					</p>
					<h2 class="shallow">
						<strong>Family</strong> photo gallery
					</h2>
					<p>
						<img src="images/gallery.jpg" width="233" height="161"
							alt="Gallery" class="left" />
					</p>
					<div id="view">
						<p class="dark">
							<a href="#">VIEW OUR</a>
						</p>
						<p class="orange">
							<a href="#">PHOTO<br /> GALLERY
							</a>
						</p>
					</div>
					<div class="clear"></div>
					<h2>
						<strong>Family</strong> advice
					</h2>
					<ul class="orange-bullet">
						<li>Even more websites all about website templates on <a
							href="http://www.justwebtemplates.com">Just Web Templates</a>.
						</li>
						<li>If you're looking for beautiful and professionally made
							templates you can find them at <a
							href="http://www.templatebeauty.com">Template Beauty</a>.
						</li>
					</ul>
					<h2 class="orange">
						<strong>Family</strong> fun &amp; travel
					</h2>
					<div id="funtravel">
						<img src="images/pic_1.jpg" width="95" height="116" alt="Pic 1"
							class="left" />
						<div id="collect">
							<p class="dark">COLLECT OUR</p>
							<p class="orange">FUN &amp; TRAVELBOOK</p>
							<p class="other">Nulla turpis. Suspendisse erat ipsum,
								sodales dignissim, bibendum</p>
						</div>
					</div>
					<div id="copyright">
						All right reserved | designed by <a
							href="http://www.freewebsitetemplates.com">free website
							templates</a>
					</div>
				</div>
			</div>
		</div>


		<p:dock position="bottom">
			<p:menuitem value="Home" icon="/resources/images/gallery.png" url="#" />
			<p:menuitem value="Music" icon="/resources/images/gallery.png"
				url="#" />
			<!-- more menuitems -->
		</p:dock>
	</p:panel>
</h:body>
</html>